<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置表单数据</title>

 
  
  {load href="/static/assets/css/dpl-min.css,/static/assets/css/bui-min.css,/static/assets/css/page-min.css,/static/assets/css/prettify.css" /}
</head>
<body>
  <div class="container">
    <form id="J_Form" action="" class="form-horizontal">
     
      <div class="control-group">
        <label class="control-label"><s>*</s>登陆账号：</label>
        <div class="controls">
          <input name="sname" type="text" class="input-large" data-rules="{required : true}" data-messages="{required:'登陆账号不能为空'}" >
        </div>
      </div>
      <div class="control-group">
        <label class="control-label"><s>*</s>登陆密码：</label>
        <div class="controls">
          <input type="text" class="input-large" data-rules="{required : true}" data-messages="{required:'登陆密码不能为空'}">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label"><s>*</s>确认密码：</label>
        <div class="controls">
          <input type="text" class="input-large" data-rules="{required : true}" data-messages="{required:'确认密码不能为空'}">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label"><s>*</s>真实姓名：</label>
        <div class="controls">
          <input type="text" class="input-large" data-rules="{required : true}" data-messages="{required:'真实姓名不能为空'}">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label"><s>*</s>手机号码：</label>
        <div class="controls">
          <input type="text" class="input-large" data-rules="{required : true}">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">电子邮箱：</label>
        <div class="controls">
          <input type="text" class="input-large" data-rules="{required : true}">
        </div>
      </div>

      <div class="control-group">
        <label class="control-label">地图坐标：</label>
        <div class="controls  control-row-auto">
          <div class="bordered span-width span8" style="height:200px;"></div>
          <div class="actions-bar actions-bar-small centered"><button type="button" class="button button-small">修改坐标</button></div>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">其他：</label>
        <div class="controls">
          <label class="radio" for=""><input type="radio">规则未执行等同执行失败</label>&nbsp;&nbsp;&nbsp;
          <label class="radio" for=""><input type="radio">规则未执行等同执行成功</label>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label"><s>*</s>店铺类型：</label>
        <div class="controls bui-form-group"  data-rules="{checkRange:1}" data-messages="{checkRange:'至少勾选一项！'}" >
          <label class="checkbox" for=""><input name="stype" value="1" type="checkbox">集市</label>
          <label class="checkbox" for=""><input name="stype" value="2" type="checkbox">商城</label>
          <label class="checkbox" for=""><input name="stype" value="3" type="checkbox">无名良品</label>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label">使用营销工具：</label>
        <div class="controls">
          <label class="checkbox" for=""><input type="checkbox">店铺优惠券<i class=""></i></label>
        </div>
      </div> 
      <div class="row actions-bar">       
          <div class="form-actions span13 offset3">
            <button type="submit" class="button button-primary">保存</button>
            <button type="reset" class="button">重置</button>
          </div>
      </div>       
    </form>
    
 
 {load href="/static/jquery-3.3.1.min.js,/static/assets/js/bui-min.js,/static/assets/js/config-min.js,/static/assets/js/prettify.js"/}
  
 
<!-- script start --> 
    <script type="text/javascript">
      BUI.use('bui/form',function(Form){
      
      new Form.Form({
        srcNode : '#J_Form'
      }).render();
      
  });  
      
</script>
<!-- script end -->
  </div>
</body>
</html>